import React, { Component } from 'react';
import {
    StyleSheet, TouchableHighlight,
    Text,
    View, Button, Image, WebView,
    ScrollView
} from 'react-native';
import { connect } from 'react-redux';
import HeaderBar from '../../common/headerBar';
import { Variable } from '../../variables';
import DeviceRn from '../../components/Tools/device';

let DevWH = DeviceRn().getWidHig();
let WEBVIEW_REF = "webview";
// let DEFAULT_URL = "http://m.sporttery.cn/wap/list.php?s=fb&sort_id=3,69,111"
// let DEFAULT_URL = "http://m.sporttery.cn/wap/list.php?s=digital&sort_id="

class SscwfScreen extends Component {
    static navigationOptions = ({ navigation, screenProps }) => (
        {
            header: null
        });

    constructor(props) {
        super(props);
        this.state = {
            // url: DEFAULT_URL,
            status: 'No Page Loaded',
            backButtonEnabled: false,
            forwardButtonEnabled: false,
            loading: true,
            scalesPageToFit: true,
        };
    }

    _backClick() {
        let { goBack } = this.props.navigation;
        goBack();
    }

    componentWillReceiveProps(nextProps) {
        this.netInfo = nextProps.status;
    }

    onNavigationStateChange(e) {
       // console.log(e);
    }

    render() {
        
        let title = '时时彩玩法'
        
        return (
            <View style={styles.home}>
                {/* <WebView
                    ref={WEBVIEW_REF}
                    automaticallyAdjustContentInsets={false}
                    style={styles.webView}
                    source={{ uri: url }}
                    javaScriptEnabled={true}
                    domStorageEnabled={true}
                    decelerationRate="normal"
                    onNavigationStateChange={this.onNavigationStateChange}
                    startInLoadingState={true}
                    scalesPageToFit={this.state.scalesPageToFit}
                /> */}
                <View style={styles.header}>
                    <TouchableHighlight style={Variable.leftT} underlayColor={'#de6128'} activeOpacity={0.85} onPress={() => this._backClick()}>
                        <Image style={[Variable.backIcon, { tintColor: '#fff' }]} source={require('../../assets/images/back.png')} />
                    </TouchableHighlight>
                    <Text style={{ fontSize: 18, color:'#fff' }}>{title}</Text>
                </View>
                <ScrollView>
                    <View>
                        <Text style={styles.title}>时时彩玩法介绍</Text>
                        <Text>{`    “时时彩”分为“星彩玩法”以及“大小单双玩法”`}
                            {`星彩玩法分为一星、二星、三星、五星四种玩法。`}
                            {`“时时彩”每期开奖号码为一个五位数号码，分为个、十、百、千、万位。`}</Text>
                        <Text>一星采用的是开奖号的最后一位（即个位），单注中奖10元；</Text>
                        <Text>二星采用的是开奖号的后两位（即十位、个位），单注中奖100元；</Text>
                        <Text>三星采用的是开奖号的后三位（即百位、十位、个位），单注中奖1000元；</Text>
                        <Text>五星则代表5位全部（即万位、千位、百位、十位、个位）单注中奖100000元。</Text>
                        <Text>无论采用几星投注方式，每注彩票的金额均为2元。</Text>
                        <Text>大 小单双玩法是指猜时时彩“个位”和“十位”这两个位置的“大小、单双”玩法，
                        即把10个自然数按“大”、“小”或“单”、“双”性质分为两组，0-4为小 号，5-9为大号，0、2、4、6、8为双号，
                        1、3、5、7、9为单号。投注者可对“个位、十位”的数字进行“大小、单双”的指定投注。
                        投注者投注的号 码位置、性质与开奖号码位置、性质相同即中奖。单注投注金额2元，单注中奖金额为4元。</Text>
                        <Text style={styles.title}>附加玩法</Text>
                        <Text>1、二星组选玩法是“时时彩 二星”的附加玩法。投注者可在从0—9十个数字中任选两个不同的数字对十位和个位进行投注。
                        所选的号码与当期开奖号码相同（顺序不限），即为中奖。当期开 出两个数字不相同时（即二星组选号码），
                        奖金50元；两个数字相同的号码时（即“对子号”如“00—99”等），奖金100元。</Text>
                        <Text>2、五星通 选玩法是“时时彩”的附加玩法，是指投注者在00000－99999中选择一个五位数为投注号码进行投注，
                        “五星通选”设三个奖级，全部为固定奖，当期每 注投注号码可兼中兼得（特别设奖除外）。
                        若选择的五位数号码与开奖号码数字全部相同且顺序一致，则中得“五星通选”一等奖，奖金20000元；
                        若选择的五 位数字的首或者尾连续三位与开奖号码的首或者尾连续三位数数字相同且顺序一致，则中得“五星通选”二等奖，奖金200元；
                        若选择的五位数字的首或者尾连续 两位与开奖号码的首或者尾连续两位数数字相同且顺序一致，则中得“五星通选”三等奖，奖金20元。</Text>
                        <Text>3、三星附加玩法包括：直选组合、组选三、组选六、组选包胆、组选和值五种</Text>
                        <Text style={[styles.title, styles.colors]}>  ① 三星直选组合</Text>
                        <Text>投注者可从0-9中选择M（M>=3）个不重复数字组合成P（3，M）注不含对子和豹子的单式投注。单注奖金1000元
                        注：对子：即个、十、百位上有且仅有两位号码相同 豹子：即个、十、百三个号码全相同</Text>
                        <Text style={[styles.title, styles.colors]}>  ② 三星组选三</Text>
                        <Text>中 奖号码中任意两位数字相同（500WAN注：开奖号码中的3个数字有两个相同，即为组三），所选号码与中奖号码相同且顺序不限，
                        则该注彩票中奖。例如，中 奖号码为 544 ，则中奖结果为： 544 、 454 、 445 之一均可。</Text>
                        <Text style={[styles.title, styles.colors]}>  ③ 三星组选六</Text>
                        <Text>投 注者可从0~9共10个数字中任选4个或4个以上的号码进行“组选6”的复式投注。例如选4个号码的“组选6”复式投注含有4注，若选2、3、4、5，则 组成“234、235、245、345”，
                        投注额为8元。组选6投注、中奖金额表（若包中组选6的3个开奖号码即中奖。）</Text>
                        <Text style={[styles.title, styles.colors]}>  ④ 三星组选包胆</Text>
                        <Text>组选包胆就是固定一个或两个数不动，把包含这一个或两个数的所有组合分类，三个数相同的填为直选，两个数相同的填为组三，三个数各不相同的填为组六，其中奖金金额分别与之对应。
                        例：组选包胆，包一个胆要110元，即包含一注直选（三个数相同），18注组三（两个数相同），36注组六（三个数各不相同），两个胆只要20元。</Text>
                        <Text style={[styles.title, styles.colors]}>  ⑤ 三星组选和值</Text>
                        <Text>组选和值，就是当选择某一个点数值时，把和值为这一点的所有组合分类，三个数相同的填为直选，两个数相同的填为组三，三个数各不相同的填为组六，其中奖金额分别与之对应。</Text>
                    </View>
                </ScrollView>
            </View>
        );
    }
}
mapStoreState = (store) => ({
    status: store.netInfo.status,
});
export default connect(mapStoreState)(SscwfScreen);

const styles = StyleSheet.create({
    home: {
        flex: 1,
        //justifyContent: 'center',
        alignItems: 'flex-start',
        backgroundColor: '#fff',
        marginVertical: 0,
    },
    header: {
        width: DevWH.sW, 
        height: 44,
        justifyContent: 'center', 
        alignItems: 'center', 
        flexDirection: 'row',
        backgroundColor:'#de6128', 
        borderBottomColor: '#eee',
        borderBottomWidth:1
    },
    title: {
        fontSize: 14,
        fontWeight: '500',
    },
    colors: {
        color: '#444',
    }
});